:root {
  // 主题色
  --primary-color: #409EFF;
  
  // 菜单相关
  --menu-bg: #ffffff;
  --menu-text: #303133;
  --menu-active-text: #409EFF;
  --menu-hover: #f5f7fa;
  
  // 文本颜色
  --text-color: #303133;
  --text-color-secondary: #909399;
  
  // 边框颜色
  --border-color: #DCDFE6;
  
  // 背景色
  --bg-color: #f0f2f5;
  --header-bg: #ffffff;
  --sidebar-bg: #ffffff;
}

[data-theme='dark'] {
  // 菜单相关
  --menu-bg: #000000;
  --menu-text: #ffffff;
  --menu-active-text: #409EFF;
  --menu-hover: #263445;
  
  // 文本颜色
  --text-color: #ffffff;
  --text-color-secondary: #ffffff;
  
  // 边框颜色
  --border-color: #434343;
  
  // 背景色
  --bg-color: #1f1f1f;
  --header-bg: #141414;
  --sidebar-bg: #000000;
}

// 导出变量供 JS 使用
:export {
  menuBg: var(--menu-bg);
  menuText: var(--menu-text);
  menuActiveText: var(--menu-active-text);
} 